<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <title>Document</title>
</head>

<body>
    <div id="header">
        <h1><img src="images/logo_02.png" alt=""></h1>
        <ul class="header_ul">
            <li class="header_li1"><a href=""></a></li>
            <li class="header_li2"><a href=""></a></li>
            <li class="header_li3"><a href=""></a></li>
            <li class="header_li4"><a href=""></a></li>
        </ul>
        <div class="header_right">
            <div style="text-align: right; padding-bottom:8px ;margin-top: 12px;">
                <a class="a1" href="">注册</a>
                <a class="a2" href="">登录</a>
            </div>

            <form id="form" action="" method="POST">
                <input type="text">
                <button type="submit"><img src="images/search_03.png" alt=""></button>
            </form>
        </div>
    </div>
    <div id="banner">
        <div class="banner_pic">
            <img src="images/1406816095915[1].jpg" alt="">
        </div>
        <div id="ad">
            <i></i>
            <span>直播预告：直播还没开始哦，看看我们的推荐吧!</span>
            <em></em>
            <p id="banner_list">
                <span class="banner_s1"></span>
                <span class="banner_s2"></span>
                <span class="banner_s3"></span>
                <span class="banner_s4"></span>
            </p>
        </div>
    </div>
    <div id="content">
        <div id="content_box">
            <div id="content_left">
                <div id="content_left1" class="content_left_content clear_fix">
                    <div class="content_top">
                        <i><img src="images/icon-lesson[1].png" alt=""></i><span class="content_title">热门课程</span><a
                            href="" class="more">more</a>
                    </div>
                    <div class="content_left1_bottom">
                        <div class="content_left1_bottom_three">
                            <img src="images/1416453832912[1].png" alt="">
                            <div class="content_left1_bottom_three_words">
                                <h4>马化腾：腾讯将如果中美双方达成第一阶段协</h4>
                                <p>12月5日，商务部举行例行新闻发布会，针对媒体“中方是否坚持与美达成第一阶段协议，必须撤销已加征的关税”等相关提问时，新闻发言人高峰回应说</p>
                            </div>
                        </div>
                        <div class="content_left1_bottom_three blank1">
                            <img src="images/1416453832912[1].png" alt="">
                            <div class="content_left1_bottom_three_words">
                                <h4>马化腾：腾讯将如果中美双方达成第一阶段协</h4>
                                <p>12月5日，商务部举行例行新闻发布会，针对媒体“中方是否坚持与美达成第一阶段协议，必须撤销已加征的关税”等相关提问时，新闻发言人高峰回应说</p>
                            </div>
                        </div>
                        <div class="content_left1_bottom_three">
                            <img src="images/1416453832912[1].png" alt="">
                            <div class="content_left1_bottom_three_words">
                                <h4>马化腾：腾讯将如果中美双方达成第一阶段协</h4>
                                <p>12月5日，商务部举行例行新闻发布会，针对媒体“中方是否坚持与美达成第一阶段协议，必须撤销已加征的关税”等相关提问时，新闻发言人高峰回应说</p>
                            </div>
                        </div>
                    </div>

                </div>
                <div id="content_left2" class="content_left_content">
                    <div class="content_top">
                        <i><img src="images/icon-share[1].png" alt=""></i><span class="content_title">干货分享</span><a
                            href="" class="more">more</a>
                    </div>
                    <div class="content_left2_bottom">
                        <div class="content_left2_bottom_three">
                            <div class="content_left2_bottom_three_pic"><img src="images/1423206741987[1].png" alt="">
                            </div>
                            <div class="content_left2_bottom_three_words">
                                <h4>课时1 : Android Crash现状</h4>
                                <span class="content_left2_bottom_three_words_time"><i><img src="images/time.png"
                                            alt=""></i>2019-12-05 21：05</span>
                                <p>本课介绍Android应用Crash的现状及危害</p>
                            </div>
                        </div>
                        <div class="content_left2_bottom_three blank2">
                            <div class="content_left2_bottom_three_pic"><img src="images/1423206741987[1].png" alt="">
                            </div>
                            <div class="content_left2_bottom_three_words">
                                <h4>课时1 : Android Crash现状</h4>
                                <span class="content_left2_bottom_three_words_time"><i><img src="images/time.png"
                                            alt=""></i>2019-12-05 21：05</span>
                                <p>本课介绍Android应用Crash的现状及危害</p>
                            </div>
                        </div>
                        <div class="content_left2_bottom_three">
                            <div class="content_left2_bottom_three_pic"><img src="images/1423206741987[1].png" alt="">
                            </div>
                            <div class="content_left2_bottom_three_words">
                                <h4>课时1 : Android Crash现状</h4>
                                <span class="content_left2_bottom_three_words_time"><i><img src="images/time.png"
                                            alt=""></i>2019-12-05 21：05</span>
                                <p>本课介绍Android应用Crash的现状及危害</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="content_left3" class="content_left_content">
                    <div class="content_top">
                        <i><img src="images/icon-star[1].png" alt=""></i><span class="content_title">精品活动</span><a
                            href="" class="more">more</a>
                    </div>
                    <div class="content_left3_bottom clear_fix">
                        <div class="content_left3_bottom_pic"><img src="images/1418020052868[1].jpg" alt=""></div>
                        <div class="content_left3_bottom_words">
                            <h4>史上最全网络游戏时代</h4>
                            <span class="content_left2_bottom_three_words_time"><i><img src="images/time2.png"
                                        alt=""></i>2019-12-05 21：05</span>
                            <p>12月4日是第六个“国家宪法日”，为培养学生从小养成尊宪守法的意识，做一个知法守法的合格小公民，当天，下管镇小全校师生参与 “弘扬宪法精神 厚植爱国主义情怀”主题教育活动。
                            </p>
                        </div>
                    </div>
                    <div class="content_left3_bottom clear_fix" style="padding-top: 20px;">
                        <div class="content_left3_bottom_pic"><img src="images/1418020052868[1].jpg" alt=""></div>
                        <div class="content_left3_bottom_words">
                            <h4>史上最全网络游戏时代</h4>
                            <span class="content_left2_bottom_three_words_time"><i><img src="images/time2.png"
                                        alt=""></i>2019-12-05 21：05</span>
                            <p>12月4日是第六个“国家宪法日”，为培养学生从小养成尊宪守法的意识，做一个知法守法的合格小公民，当天，下管镇小全校师生参与 “弘扬宪法精神 厚植爱国主义情怀”主题教育活动。
                            </p>
                        </div>
                    </div>
                    <div class="content_left3_bottom clear_fix" style="padding-top: 20px;margin-bottom: 12px;">
                        <div class="content_left3_bottom_pic"><img src="images/1418020052868[1].jpg" alt=""></div>
                        <div class="content_left3_bottom_words">
                            <h4>史上最全网络游戏时代</h4>
                            <span class="content_left2_bottom_three_words_time"><i><img src="images/time2.png"
                                        alt=""></i>2019-12-05 21：05</span>
                            <p>12月4日是第六个“国家宪法日”，为培养学生从小养成尊宪守法的意识，做一个知法守法的合格小公民，当天，下管镇小全校师生参与 “弘扬宪法精神 厚植爱国主义情怀”主题教育活动。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div id="content_right">
                <div id="content_right_content1">

                    <div class="rank">
                        <div class="content_right_top">
                            <i><img src="images/icon-rank[1].png" alt=""></i>
                            <span>排行榜</span>
                        </div>
                        <div class="content_right_middle clear_fix">
                            <a class="a1" href="">最新排行</a>
                            <a class="a2" href="">新课上线</a>
                        </div>
                        <div class="content_right_bottom">
                            <div class="content_right_bottom_pic"><img src="images/clip_image002[1].jpg" alt="">
                                <p>微信支付，告别收银台，呀呀呀呀呀呀晕晕晕晕晕晕晕</p>
                                <span style="background-color: #e0291b;">1</span>
                            </div>
                            <div class="content_right_bottom_pic"><img src="images/clip_image002[1].jpg" alt="">
                                <p>微信支付，告别收银台，呀呀呀呀呀呀晕晕晕晕晕晕晕</p>
                                <span style="background-color: #ed5a2e;">2</span>
                            </div>
                            <div class="content_right_bottom_pic"><img src="images/clip_image002[1].jpg" alt="">
                                <p>微信支付，告别收银台，呀呀呀呀呀呀晕晕晕晕晕晕晕</p>
                                <span style="background-color: #f5a544;">3</span>
                            </div>
                            <div class="content_right_bottom_words">
                                <ul>
                                    <li style="margin-top: 15px;"><span>4</span><a href="">微信年度派评选之一：最具影响的是</a></li>
                                    <li><span>5</span><a href="">微信年度派评选之一：最具影响的是</a></li>
                                    <li><span>6</span><a href="">微信年度派评选之一：最具影响的是</a></li>
                                    <li><span>7</span><a href="">微信年度派评选之一：最具影响的是</a></li>
                                    <li><span>8</span><a href="">微信年度派评选之一：最具影响的是</a></li>
                                    <li><span>9</span><a href="">微信年度派评选之一：最具影响的是</a></li>
                                    <li><span>10</span><a href="">微信年度派评选之一：最具影响的是</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="content_right_content2">
                    <img class="content_right_content2_mark" src="images/icon-mark[1].png" alt="">
                    <img src="images/daxuelogo[1].png" alt="">
                    <h4>腾讯大学</h4>
                    <p>同步展开的全国“宪法宣传周”主题为：“弘扬宪法精神，推进国家治理体系和治理能力现代化”，深入贯彻党的十九届四中全会精神，坚定制度自信，推动宪法精神深入人心</p>
                </div>
                <div id="content_right_content3">
                    <div class="content_right_top" style="margin-bottom: 24px;">
                        <i><img src="images/icon-phone[1].png" alt=""></i>
                        <span>联系我们</span>
                    </div>
                    <p>合作：9350385*11@qq.com</p>
                    <p>QQ：935038551*</p>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <p style="width: 25%; border-top: 3px solid #1ec0ef; float: left;"></p>
        <p style="width: 25%; border-top: 3px solid #f7a444;float: left;""></p>
        <p style=" width: 25%; border-top: 3px solid #8cbd00;float: left;""></p>
        <p style="width: 25%; border-top: 3px solid #ff6d00;float: left;""></p>
        <div class=" footer_top clear_fix">
            <div class="footer_top_left">
                <div class="footer_top_left1">
                    <h4>开放平台</h4>
                    <img src="images/hitem3[1].png" alt="">
                    <img src="images/hitem2[1].png" alt="">
                    <img src="images/hitem4[1].png" alt="">
                    <img src="images/hitem6[1].png" alt="">
                    <img src="images/hitem1[1].png" alt="">
                    <img src="images/hitem8[1].png" alt="">
                    <img src="images/hitem9[1].png" alt="">
                    <img src="images/logo_bigdata[1].png" alt="">
                    <img src="images/link_open[1].png" alt="">
                    <img src="images/logo_guangdiantong[1].png" alt="">
                </div>
                <div class="footer_top_left2">
                    <h4>合作伙伴</h4>
                    <span>CSDN</span>
                    <span>飞象网</span>
                    <span>炽银网</span>
                    <span>CSDN</span>
                    <span>飞象网</span>
                    <span>炽银网</span>
                    <span>CSDN</span>
                    <span>飞象网</span>
                    <span>炽银网</span>
                    <span>CSDN</span>
                    <span>飞象网</span>
                    <span>炽银网</span>
                    <span>CSDN</span>
                    <span>飞象网</span>
                    <span>炽银网</span>
                </div>
            </div>
            <div class="footer_top_right">
                <h4>收听微博</h4>
                <img src="images/opentweibo[1].png" alt="">
                <h4>关注空间</h4>
                <img src="images/openzone[1].png" alt="">
            </div>
    </div>
    <div class="footer_bottom">
        <p class="footer_bottom_p1">Copy 1998-2005 All is Done</p>
        <p class="footer_bottom_p2">版权归Lin所有</p>
    </div>
    </div>
</body>

</html>